Revision:
The <aside> tag defines some content aside from the content it is placed in. The <aside> content should be indirectly related to the surrounding content. It is often placed as a sidebar in a document. The <aside> element does not render as anything special in a browser. However, you can use CSS to style the element.
<aside> . . . </aside>
Salamanders are a group of amphibians with a lizard-like appearance, including short legs and a tail in both larval and adult forms.
Several species of salamander inhabit the temperate rainforest of the Pacific Northwest, including the Ensatina, the Northwestern Salamander and the Rough-skinned Newt. Most salamanders are nocturnal, and hunt for insects, worms and other small creatures.
Code:
<style>
aside {width: 40%; padding-left: .5vw; margin-left: .5vw; float: right; box-shadow:
inset 0.5vw 0 0.5vw -0.5vw #29627e; font-style: italic; color: #29627e;}
aside > p {margin: .5vw;}
</style>
<div>
<p class="spec-1">Salamanders are a group of amphibians with a lizard-like appearance,
including short legs and a tail in both larval and adult forms.</p>
<aside>
<p class="spec-1">The Rough-skinned Newt defends itself with a deadly neurotoxin.</p>
</aside>
<p class="spec-1">Several species of salamander inhabit the temperate rainforest of the
Pacific Northwest, including the Ensatina, the Northwestern Salamander and the
Rough-skinned Newt. Most salamanders are nocturnal, and hunt for insects, worms and
other small creatures.</p>
</div>